<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>恭喜，站点创建成功！</title>
    <style>
    .container {
        width: 60%;
        margin: 10% auto 0;
        background-color: #f0f0f0;
        padding: 2% 5%;
        border-radius: 10px
    }

    ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 20px;
    }

    ul li {
        width: 8rem;
        line-height: 2.3;
        margin: .5rem .5rem;
    }

    a {
        color: #333;
    }

    a:hover {
        color: #20a53a
    }
    </style>
</head>

<body>
    <div class="container">
        <h1>DEMO集合</h1>
        <ul>
            <li class="list-item"><a target="_blank" href="/amap">amap</a></li>
            <li class="list-item"><a target="_blank" href="/bdmap">bdmap</a></li>
            <li class="list-item"><a target="_blank" href="/blendball">blendball</a></li>
            <li class="list-item"><a target="_blank" href="/colorui">colorui</a></li>
            <li class="list-item"><a target="_blank" href="/count">count</a></li>
            <li class="list-item"><a target="_blank" href="/counter">counter</a></li>
            <li class="list-item"><a target="_blank" href="/douyincm">douyincm</a></li>
            <li class="list-item"><a target="_blank" href="/getvideoframe">getvideoframe</a></li>
            <li class="list-item"><a target="_blank" href="/hover">hover</a></li>
            <li class="list-item"><a target="_blank" href="/hovertree">hovertree</a></li>
            <li class="list-item"><a target="_blank" href="/image">image</a></li>
            <li class="list-item"><a target="_blank" href="/ionic/icons">ionic/icons</a></li>
            <li class="list-item"><a target="_blank" href="/font-awesome">font-awesome</a></li>
            <li class="list-item"><a target="_blank" href="/rainyday">rainyday</a></li>
            <li class="list-item"><a target="_blank" href="/report">report</a></li>
            <li class="list-item"><a target="_blank" href="/server">server</a></li>
            <li class="list-item"><a target="_blank" href="/stop">stop</a></li>
            <li class="list-item"><a target="_blank" href="/tp">tp</a></li>
            <li class="list-item"><a target="_blank" href="/turfjs">turfjs</a></li>
            <li class="list-item"><a target="_blank" href="/video">video</a></li>
            <li class="list-item"><a target="_blank" href="/weather">weather</a></li>
            <li class="list-item"><a target="_blank" href="/weather1">weather1</a></li>
            <li class="list-item"><a target="_blank" href="/wow">wow</a></li>
        </ul>
    </div>
</body>

</html>